import React, { useState } from 'react';
import style from './index.less';
import imgs1 from './img/3.png';
import { Input } from 'react-vant';
import { ArrowLeft } from '@react-vant/icons';
import { history } from 'umi';
export default function Index() {
  const [show, setshow] = useState(false);

  return (
    <div>
      <div className={style.top}>
        <div className={style.tui}>
          <ArrowLeft
            fontSize={20}
            color="#6d6d6d"
            onClick={() => history.push('/qishou/wo')}
          />
        </div>
        <div className={style.xiu}>支付密码修改</div>
        <div className={style.bao}>保存</div>
      </div>
      <div className={style.bei}>
        <br />
        <div className={style.kuang}>
          <div className={style.da}>
            <div className={style.shou}>手机号</div>
            <div className={style.input1}>
              <Input placeholder="请输入手机号" />
            </div>
            <div className={style.zi}>发送验证码</div>
          </div>
          <div className={style.kong}>
            <div className={style.xian}></div>
          </div>
          <div className={style.da}>
            <div className={style.shou}>验证码</div>
            <div className={style.input1}>
              <Input placeholder="请输入6位验证码" />
            </div>
          </div>
          <div className={style.kong}>
            <div className={style.xian}></div>
          </div>
          <div className={style.da1}>
            <div className={style.shou1}>修改密码</div>
            <div className={style.input2}>
              <Input placeholder="请输入新的密码" />
            </div>
          </div>
          <div className={style.kong}>
            <div className={style.xian}></div>
          </div>
          <div className={style.da1}>
            <div className={style.shou1}>确认密码</div>
            <div className={style.input2}>
              <Input placeholder="请再次输入新密码" />
            </div>
          </div>
          <div className={style.kong}>
            <div className={style.xian}></div>
          </div>
        </div>
      </div>
    </div>
  );
}
